<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/jquery-3.2.1.min.js"></script>
		<script>
			$(function(){
				$(":checkbox[name=all]").click(function(){
					//$(":checkbox[name=product]").prop("checked",true);
					$(":checkbox[name=product]").prop("checked",$(this).prop("checked"));
					if($(this).prop("checked"))
						$(this).next().text("全不选");
					else
					 	$(this).next().text("全选");
				});
			});
		</script>
	</head>
	<body>
		<input type="checkbox" name="product" value="1" />拖鞋
		<input type="checkbox" name="product" value="2" />拖鞋1
		<input type="checkbox" name="product" value="13" />拖鞋2
		<input type="checkbox" name="product" value="4" />拖鞋3
		<input type="checkbox" name="product" value="5" />拖鞋4
		
		<br />
		<input type="checkbox" name="all" /><span>全选</span>
	</body>
</html>
